{% from 'include/input_macros.html' import input %}
<form action="" method="post">
	<div style="text-align: center;margin-top: 20px;">
		<h4>Comparing config files</h4>
		<p>
			<select autofocus required name="left" id="left">
				<option disabled selected>Select an older config</option>
				{% for file in return_files %}
					{% if file == left %}
						<option value="{{ file }}" selected>{{ file.split('-', maxsplit=1)[1] }}</option>
					{% else %}
						<option value="{{ file }}">{{ file.split('-', maxsplit=1)[1] }}</option>
					{% endif %}
				{% endfor %}
			</select>

			<select autofocus required name="right" id="right">
				<option disabled selected>Select a newer config</option>
				{% for file in return_files %}				
					<option value="{{ file }}">{{ file.split('-', maxsplit=1)[1] }}</option>
				{% endfor %}
			</select>
			{{ input('serv', type='hidden', value=serv) }}
			{{ input('open', type='hidden', value='open') }}
			<a class="ui-button ui-widget ui-corner-all" id="show" title="Compare" onclick="showCompare()">Compare</a>
		</p>
	</div>
</form>